<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page isELIgnored="false" %>
<div id="placeholder1" class="placeholder odd clearfix">
	<div class="nomineeNavigation">
		<a class="previousNominee" href="javascript:history.go(-1);">后退</a>
		<div class="nomineeNavigationNominee">
			<h3><s:property value="movie.displayName" /></h3>
			<p class="relatedPersons">
				<s:iterator value="movie.mprs">
					<s:if test="role.id==1"><s:property value="person.displayName" /></s:if>
				</s:iterator>
			</p>
			<p class="extraInfo1">
				<s:iterator value="movie.mprs">
					<s:if test="role.id==2"><s:property value="person.displayName" /></s:if>
				</s:iterator>
			</p>
			<p class="extraInfo2">
			</p>
		</div>
		<a class="nextNominee" href="javascript:history.go(1);">前进</a>
	</div>
</div>
<!--  placeholder1 -->

<div class="clear"></div>

<!-- leftRail -->
<div class="leftRail clearfix">
	<!-- placeholder2 -->
	<div id="placeholder2" class="placeholder even clearfix">
		<div class="nomineeContentNav">
			<ul>
				<li><a href="movie!load?movie.id=${ movie.id}" class="movietrailer"> <span class="title">图片</span> </a></li>
				<li><a href="#Aplot" class="synopsis"> <span class="title">Synopsis</span> </a></li>
				<li><a href="###" class="photos active"> <span class="title">Photos</span> </a></li>
				<li><a href="#Avideo" class="video "> <span class="title">Movie Trailer</span> </a></li>
				<li><a href="#Aaward" class="history"> <span class="title">Awards History</span> </a></li>
				<li><a href="#Arelated" class="speech "> <span class="title">Movie Trailer</span> </a></li>
				<li><a href="#Acomment" class="questionnaire "> <span class="title">Movie Trailer</span> </a></li>
			</ul>
		</div>
	</div>
	<div class="clear"></div>
</div>
<!-- leftRail -->

<script>
function change(data){
	var img = document.getElementById("img");
	img.src= data;
}
</script>
<div class="rightRail">
	<div id="placeholder3" class="placeholder even clearfix">
		<div class="photoCarousel clearfix">
			<div class="pngFixWrapRel">
				<div id="photoContainer" class="photoCarouselContent">
					<div id="photoGameOn" class="photoGameOn">
						<div id="photoCarouselImage"><img id="img" height="362" style="max-width:562px;" src="${movie.image.data}" ></div>
						
						<div class="pngFixWrapRel">
							<div class="photoCarouselList">
								<a id="list-previous" class="disabled" href="javascript:void(0)">previous</a>
								<div class="jcarousel-container">
							<!-- <li class="Image selected"> -->
									<div class="jcarousel-clip">
										<ul class="jcarousel-list clearfix" style="left: 0px;">
										<s:iterator value="movie.images">
											
											<s:if test="id!=movie.image.id">
												<li class="Image">
												<a href="javascript:change('${data}')">
													<img src="${data}" alt=""  height="74">
													<div class="thumbOverlay Image selected"></div>
												</a>
												</li>
											</s:if>
											<s:else>
												<li class="Image selected">
												<a href="javascript:change('${data}')">
													<img src="${data}" alt=""  height="74">
													<div class="thumbOverlay Image selected"></div>
												</a>
												</li>
											</s:else>
													
											
											
											
										</s:iterator>
										</ul>
									</div>
								</div>
								
								<a id="list-next" class="" href="javascript:void(0)">next</a>
							</div>
						</div>
					
					</div>
				</div>
				<!-- photoContainer -->
			</div>
			<!-- pngFixWrapRel -->
		</div>
	
	</div>
</div>
<!-- rightRail -->

<div class="clear"></div>
